{extend name='../base/index/main'}

{block name='main'}
<style>
    .hide{display: none;}
</style>
<div class="layui-layout">

    <form class="layui-form layui-form-pane" action="{:url('Trading/export')}" method="post">
        <fieldset class="layui-elem-field">
            <legend>导出报表</legend>

            <div class="layui-field-box">

                {:CMaker('relation')->label('业务种类')->helpinfo('')->table('business_categroy')->field('id,bname')->showtype('select')->name('business_id')->layFilter('business_categroy')->layVerify('required')->render()}
                {:CMaker('relation')->label('收支类型')->helpinfo('')->table('trading_type')->field('id,type_name')->showtype('select')->name('type_id')->layVerify('required')->render()}
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" >自定义时间</label>
                        <div class="layui-input-inline">
                            <input type="text" name="timeRange" class="layui-input" lay-verfiy="required" id="time_range_select" style="width: 200px;" readonly>
                        </div>
                    </div>
                </div>
            </div>


        </fieldset>


        <div class="layui-form-item">
            <div class="layui-input-inline ">
                <button class="layui-btn"   >提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>

    </form>
</div>


<script type="text/javascript" src="__PLUGIN_PATH__/layui/layui.js"></script>
<script type="text/javascript" src="__PLUGIN_PATH__/lay-extend-module/config.js"></script>


{:CMakerJs("all")}

<script>
    layui.use(['form','laydate'],function () {
        var form = layui.form;
        var $ = layui.jquery;
        var laydate = layui.laydate;
        laydate.render({
            elem: '#time_range_select'
            ,range: '~'
            ,type: 'month'
            ,format: 'yyyy-MM'
            ,done: function(value, date, endDate){
                // load_charts(value);
                // load_charts(value,'secendCharts');
            }
        });

    })
</script>

{/block}

